<template>
    <div style="width: 99%;margin-left: 1%;margin-top: 20px;text-align: center;">
        <h1 style="font-size: 26px"> Nuxt3 测试</h1>
        <div style="font-size: 16px">这里是默认布局内容, 下方是路由页的内容</div>
    </div>
    <div style="width: 99%;margin-left: 1%;margin-top: 20px">
        <el-card style="width: 96%">
            <!-- 其他是布局，此处是路由中的内容 -->
            <slot/>
        </el-card>
    </div>

    <div style="text-align: center;margin-top: 20px">以下是模拟跳转</div>
    <NuxtLink style="margin-left: 10px" to="./index.html" external>首页</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./search.html" external>搜索页</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./from.html" external>表单提交</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./fromSuccess.html" external>表单提交成功页</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a1.html" external>/a1.html</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a2.html" external>/a2.html</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a3.html" external>/a3.html</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a4.html" external>/a4.html</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a5.html" external>/a5.html</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a6.html" external>/a6.html</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a7.html" external>/a7.html</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a8.html" external>/a8.html</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a9.html" external>/a9.html</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a10.html" external>/a10.html</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a11.html" external>/a11.html (不存在)</NuxtLink>
    <NuxtLink style="margin-left: 10px" to="./a12.html" external>/a12.html (不存在)</NuxtLink>
</template>



